<template>
  <cjui-page-panel header="Drawer 基础抽屉">
    <template #intro>
      抽屉采用flex纵向布局，其溢出内容在抽屉body内滚动，此外还修改了关闭按钮的位置。
    </template>

    <el-button
      v-for="item in btns"
      :key="item.value"
      type="primary"
      @click="drawerRef.open()"
    >
      {{ item.label }}
    </el-button>

    <DrawerDemo ref="drawerRef" />
  </cjui-page-panel>
</template>

<script lang="ts" setup>
import DrawerDemo from './demo/Drawer.vue'

const btns = [{ label: '打开抽屉', value: '' }]

const drawerRef = useTemplateRef('drawerRef')
</script>
clAVD
